animation-01-page

<div (@openClose.done)="onAnimationEvent($event)"
     (@openClose.start)="onAnimationEvent($event)"
     (click)="toggle()"
     [@openClose]="isOpen ? 'open' : 'closed'" class="open-close-container">
  <p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>
</div>
